@layout("/common/_container.html",{js:["/assets/transport/tDispatch/dispatchDetailed.js"]}){
<div class="layui-body-header">
    <span class="layui-body-header-title">查看 运输单明细</span>
</div>
<style type="text/css">
    .layui-table-cell {
        height: auto;
    }
    .layui-table-page{
    	display: none;
    }
    .layui-form-item {
    	margin-bottom: 0px;
	}
</style>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
               		<div class="layui-tab layui-tab-brief" lay-filter="doTabBrief">
               			<ul class="layui-tab-title">
               				<li class="layui-this">运输单</li>
               				<li>配送明细</li>
               				<li>费用参考</li>
               			</ul>
               			<div class="layui-tab-content">
               				<div class="layui-tab-item layui-show">
					            <form id="tDispatchForm" lay-filter="tDispatchForm" class="layui-form layui-form-pane" style="max-width: 1500px;margin: 10px auto;">
					                  <div class="layui-form-item">
									    <div class="layui-inline">
					                            <label class="layui-form-label">运输单号</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="dispatchNumber" name="dispatchNumber" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">承运方式</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="chengyunfangshi" name="chengyunfangshi" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">发车日期</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="startDate" name="startDate" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">承运类型</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="chengyunleixing" name="chengyunleixing" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									    </div>
									  </div>
									  
					                  <div class="layui-form-item">
									    <div class="layui-inline">
					                            <label class="layui-form-label">承运商</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="carrierName" name="carrierName" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">车牌号</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="carnumber" name="carnumber" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">车型</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="chexing" name="chexing" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">准载体积</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="zhunzailiang" name="zhunzailiang" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									    </div>
									  </div>
									  
					                  <div class="layui-form-item">
									    <div class="layui-inline">
					                            <label class="layui-form-label">已配体积</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="toovolume" name="toovolume" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">司机</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="siji" name="siji" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">司机电话</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="sijidianhua" name="sijidianhua" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">付款参考金额</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="consultMoney" name="consultMoney" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									    </div>
									  </div>
									  
					                  <div class="layui-form-item">
									    <div class="layui-inline">
					                            <label class="layui-form-label">付款金额</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="money" name="money" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">要求发车时间</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="yaoqiushijian" name="yaoqiushijian" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">要求到达时间</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="daodashijian" name="daodashijian" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">调度员</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="dianduyuan" name="dianduyuan" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									    </div>
									  </div>
									  
					                  <div class="layui-form-item">
									    <div class="layui-inline">
					                            <label class="layui-form-label">运费</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="freightMoney" name="freightMoney" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">收款人</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="payee" name="payee" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">开户行</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="bank" name="bank" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">开户地</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="bankAddress" name="bankAddress" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									    </div>
									  </div>
									  
					                  <div class="layui-form-item">
									    <div class="layui-inline">
					                            <label class="layui-form-label">银行账号</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="bankAccount" name="bankAccount" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">联行号</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="bankNo" name="bankNo" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">结算周期</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="cycle" name="cycle" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									    </div>
									  </div>
									  
					                  <div class="layui-form-item">
									    <div class="layui-inline">
					                            <label class="layui-form-label">卸车费</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="xiechefei" name="xiechefei" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">收款人</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="payeeX" name="payeeX" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">开户行</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="bankX" name="bankX" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">开户地</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="bankAddressX" name="bankAddressX" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									    </div>
									  </div>
									  
					                  <div class="layui-form-item">
									    <div class="layui-inline">
					                            <label class="layui-form-label">银行账号</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="bankAccountX" name="bankAccountX" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">联行号</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="bankNoX" name="bankNoX" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									      <div class="layui-form-mid">    </div>
					                            <label class="layui-form-label">结算周期</label>
									      <div class="layui-input-inline" style="width: 150px;">
					                            <input id="cycleX" name="cycleX" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									    </div>
									  </div>
									  
					                  <div class="layui-form-item">
									    <div class="layui-inline">
					                            <label class="layui-form-label">付款备注</label>
									      <div class="layui-input-inline" style="width: 650px;">
					                            <input id="settlementNotes" name="settlementNotes" placeholder="请输入付款备注" type="text" class="layui-input" lay-verify="" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									    </div>
									  </div>
									  
					                  <div class="layui-form-item">
									    <div class="layui-inline">
					                            <label class="layui-form-label">备注</label>
									      <div class="layui-input-inline" style="width: 650px;">
					                            <input id="notes" name="notes" placeholder="请输入备注" type="text" class="layui-input" lay-verify="" required readonly="readonly" style="background: #E7EAED"/>
									      </div>
									    </div>
									  </div>
					            </form>
							</div>
               				<div class="layui-tab-item">
			                    <table class="layui-table" id="transportDispatchTable" lay-filter="transportDispatchTable"></table>
							</div>
               				<div class="layui-tab-item">
			                    <table class="layui-table" id="transportCostTable" lay-filter="transportCostTable"></table>
							</div>
               			</div>
               		</div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="transportNumberTpl">
  {{#  if(d.transportNumber != '' && d.transportNumber != null){ }}
    <i class="layui-icon" lay-event="tooDetailed" style="color: #2b85e4;">&#xe615;</i><span>{{ d.transportNumber }}</span>
  {{#  } }}
</script>

@}